<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文字单个输出</title>
    <style>
        body{
            background-color:pink;
        }
        p,#heart{
            line-height: 30px;
            font-size:15px;
            font-weight: 400;
            color:peachpuff;
            text-shadow: 1px 1px 5px black;
            width:475px;
            word-wrap: break-word;
            position: fixed;
            top:500px;
            left:500px;
        }
        #heart{
            line-height: 70px;
            font-size: 30px;
            top:100px;
            left:480px;
        }
        #myCanvas{
            position: fixed;
            top:0;
            left:0;
            background-color: transparent;
        }

    </style>
</head>
<body>
<p id="text"></p>
<p id="heart"></p>
<canvas id="can" height="700" width="1500">你的browser不支持canvas</canvas>
<canvas id="myCanvas" height="700" width="1500">你的browser不支持canvas</canvas>
<script src="jquery.min.js"></script>
<script src="drawHeart.js"></script>
<script src="xuehua.js"></script>
<script>
    var c=document.getElementById("can");
    drawingHeart(c);
</script>
</body>
</html>